<template>
  <div class="table-title-box" ref="table-title-box">
    <div class="table-title-box-left">
      <slot name="title" />
    </div>
    <div class="table-title-box-right">
      <slot name="action" />
    </div>
  </div>
</template>

<style lang="scss" scoped>
.table-title-box {
  width: 100%;
  height: 64px;
  line-height: 64px;
  padding: 0 24px;
  display: flex;
  justify-content: space-between;
  .table-title-box-left {
    font-size: 16px;
    font-weight: 500;
    color: #3c3d43;
  }
}
</style>
